<template>
	<view class="body">
		<view class="head1">
			<!-- 用户昵称 -->
			<view class="head01">
				<image class="head01" src="/static/pinglun_imgs/01.png" mode=""></image>
			</view>
			<view class="head-right">
				<text>用户昵称</text>
			</view>
			<!-- 时间 -->
			<view class="head02">
				<text>2017-05-19</text>
			</view>
			<!-- 评价 -->
			<view class="head03">
				<text>此用户没有填写评价。</text>
			</view>
			<!-- 照片 -->
			<view class="head04">
				<image class="head040" src="../../static/pinglun_imgs/02.png" mode=""></image>
				<image class="head040" src="../../static/pinglun_imgs/02.png" mode=""></image>
				<image class="head040" src="../../static/pinglun_imgs/02.png" mode=""></image>
			</view>
			<!-- 商品介绍 -->
			<view class="head05">
				<view class="head051">
					<image class="head051" src="../../static/pinglun_imgs/03.png" mode=""></image>
				</view>
				<view class="head052">
					<text>
						商品名称商品名称商品名称商品名称
						商品名称商品名称
					</text>
				</view>
				<view class="head053">
					<text>
						￥188.9
					</text>
				</view>
			</view>
		</view>
		
		
		<view class="head1">
			<!-- 用户昵称 -->
			<view class="head01">
				<image class="head01" src="/static/pinglun_imgs/01.png" mode=""></image>
			</view>
			<view class="head-right">
				<text>用户昵称</text>
			</view>
			<!-- 时间 -->
			<view class="head02">
				<text>2017-05-19</text>
			</view>
			<!-- 评价 -->
			<view class="head03">
				<text>此用户没有填写评价。</text>
			</view>
			<!-- 照片 -->
			<view class="head04">
				<image class="head040" src="../../static/pinglun_imgs/02.png" mode=""></image>
				<image class="head040" src="../../static/pinglun_imgs/02.png" mode=""></image>
				<image class="head040" src="../../static/pinglun_imgs/02.png" mode=""></image>
			</view>
			<!-- 商品介绍 -->
			<view class="head05">
				<view class="head051">
					<image class="head051" src="../../static/pinglun_imgs/03.png" mode=""></image>
				</view>
				<view class="head052">
					<text>
						商品名称商品名称商品名称商品名称
						商品名称商品名称
					</text>
				</view>
				<view class="head053">
					<text>
						￥188.9
					</text>
				</view>
			</view>
		</view>
	</view>
	
	
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
		
	.body{
		height: 600px;
		background-color: #ebebee;
	}
	.head1 {
		position: relative;
		background-color: white;
		margin-bottom: 8px;
	}

	.head01 {
		width: 30px;
		height: 30px;
		position: absolute;
		left: 10px;
		top: 6px;

	}

	.head-right {

		position: absolute;
		left: 60px;
		top: 18px;

	}

	.head02 {
		font-size: 12px;
		position: absolute;
		left: 23px;
		top: 52px;
	}

	.head03 {
		font-size: 15px;
		position: absolute;
		left: 23px;
		top: 78px;
	}

	.head04 {
		/* margin-left: 5px; */
		position: relative;
		top: 113px;
		left: 20px;
		display: flex;
		/* width: 10px;
		height: 10px; */
	}

	.head040 {
		width: 40px;
		height: 40px;
		margin-left: 5px;
	}

	.head05 {
		background-color: aliceblue;
		height: 100px;
		margin-top: 130px;
	}

	.head051 {
		width: 80px;
		height: 80px;
		position: absolute;
		top: 91px;
		left: 12px;
	}
	.head052 {
		font-size: 12px;
		position: absolute;
		top: 180px;
		left: 110px;
	}
	.head053 {
		font-size: 18px;
		position: absolute;
		top: 239px;
		left: 110px;
	}
	
</style>
